{% extends "base.html" %}
     {% block headcss %}
     <link href="{{ STATIC_URL }}css/nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>      
     <link href="{{ STATIC_URL }}css/style-pack/custom-nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>
     {% endblock %}
     {% block headvars %}
          var slides = [{% for foto in fotos %}
          {% ifequal foto.media.tipo "F" %}{image : '{{ MEDIA_URL }}{{ foto.media.file }}'},{% endifequal %}
          {% endfor %}]
     {% endblock %}     
     {% block title %}Bravo, viviendas diferentes - {{ nombre }}{% endblock %}
{% block contenido %}
     <div id="prev"></div>
     <div id="next"></div>
     <div id="content">
          <div>
               <a id="hndcont" class="fa fa-chevron-down"></a>
               <div id="titulo"  class="titulo">{{nombre}}&nbsp;</div>
               <div id="mnupromo">
                    <ul id="navegador" class="navi{% if vigente %} vigente{% endif %}">
                         <li><a id="#ds" class="ds" title="descripci&oacute;n">&nbsp;</a></li>
                         <li><a id="#mp" class="mp inactiva" title="mapa">&nbsp;</a></li>
                         <li><a id="#pl" class="pl inactiva" title="planos">&nbsp;</a></li>
                         <li><a id="#cl" class="cl inactiva" title="calidades">&nbsp;</a></li>
                         {% if vigente %}
                         <li><a id="#pd" class="pd inactiva" title="pdf" href="{% url "pdf" promo 1 %}" target="_blank">&nbsp;</a></li>
                         {% endif %}
                    </ul>
               </div>
          </div>
          <div id="inds" class="corporate cloc">
               <span id="ds" class="titulo"><a>Descripción</a></span>
               <div class="conte">
                    {% if device_info.width >= 1024 %}                
                    <div class="fotos">
                         <div class="slider">
                              {% for fp in fotos  %}
                              {% ifequal fp.media.tipo "FP" %}
                              <img src="../site_media/{{ fp.media.file }}" alt="" />
                              {% endifequal %}
                              {% endfor %}
                         </div>
                    </div>
                    {% endif %}
                    <span>{{descripcion|safe}}</span>
               </div>
               <span id="mp" class="titulo"><a>Mapa</a></span>
               <div id="elmapa">
                    <iframe id="map" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>               
               </div>
               {% if hayplano %}
               <span id="pl" class="titulo"><a>Planos</a></span>
               <div>
                    <div class="planocont">
                         {% for plano in fotos  %}
                         {% ifequal plano.media.tipo "P" %}
                         <a class="zoom" href="../site_media/{{ plano.media.file }}"><img class="plano" src="../site_media/{{ plano.media.thumbnail }}"/></a>
                         {% endifequal %}
                         {% endfor %}
                    </div>
               </div>
               {% endif %}
               <span id="cl" class="titulo"><a>Memoria de calidades</a></span>
               <div id="clc">{{memoria|safe}}&nbsp;</div>
          </div>
          {% if not vigente %}
          <p class="vendida">&nbsp;</p>
          {% endif %}
     </div>    
     <div id="showtitle"></div>
{% endblock %}
{% block script %}
<script>
$(
     function(){
          $('ul.navi li a').not('.pd').click(
               function(e) {
                    if($('div.contmnu.desplegado').length) return
                    e.preventDefault()
                    var id = $(this).attr('id')
                    if (id == '#pd') return
                    $('#navegador > li > a').addClass('inactiva')
                    $(this).removeClass('inactiva')
                    try {
                         var x = $(id).get(0);
                         x.parentNode.scrollTop = $(id).position().top;    
                    } catch(e) {
                         return
                    }
               }
          )
          mapa = 'http://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q={{lugar}}&output=embed'
          mapas()
     }
)
</script>
{% endblock  %}